<!DOCTYPE html>
<html lang="en">

<head>
    <title>登录界面</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="/assets/home/css/animate.min.css" />
    <link href="/assets/home/css/mui.min.css" rel="stylesheet" />
    <link href="/assets/home/css/reset.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/assets/home/css/login.css" />
    <script src="/assets/home/js/wow.min.js"></script>
</head>

<body>
    <div class="limiter">
        <div class="container-login100">
            <div class="wrap-login100">
                <form class="login100-form validate-form" method="post">
                    <div class="login100-form-avatar wow">
                        <img src="{$Think.config.site.defaultImg}" />
                    </div>

                    <div class="wrap-input100 validate-input wow" data-wow-delay="100ms">
                        <input class="input100" type="text" name="mobile" placeholder="手机号码" value="18888888889" required/>
                    </div>

                    <div class="wrap-input100 validate-input wow" data-wow-delay="200ms">
                        <input class="input100" type="password" name="password" placeholder="密码" value="123456" required/>
                    </div>

                    <div class="container-login100-form-btn wow" data-wow-delay="300ms">
                        <button class="login100-form-btn">登 录/注 册</button>
                    </div>

                    <div class="action">
                        <a class="txt1 wow" data-wow-delay="400ms" href="login.html">立即登录 》</a>
                        <a class="txt1 wow" data-wow-delay="500ms" href="index.html">返回首页 》</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

</html>
<script>
    new WOW({
        boxClass: 'wow',      // 需要执行动画的元素的 class(默认是wow)
        animateClass: 'animated fadeInDown', // animation.css 动画的 class(默认是animated)
        offset: 0,          // 距离可视区域多少开始执行动画(默认为0)
        mobile: true,       // 是否在移动设备上执行动画(默认为true)
        live: true,       // 异步加载的内容是否有效(默认为true)
        scrollContainer: '#box' // 可选滚动容器选择器，否则使用窗口
    }).init();
</script>